<html>

	<head>
		<meta charset="utf-8" />
		<!--<link rel="stylesheet" href="css/metroStyle/metroStyle.css" type="text/css">-->
		<link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css">
		<script type="text/javascript" src="lib/vue.min.js"></script>
		<script type="text/javascript" src="lib/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="lib/jquery.ztree.all.min.js"></script>
		<!--<link rel="stylesheet" type="text/css" href="css/iview.css">-->
		<script type="text/javascript" src="lib/iview.min.js"></script>
		<link rel="stylesheet" type="text/css" href="http://unpkg.com/iview/dist/styles/iview.css">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			.body {
				width: 400px;
			}
		</style>
		<!--<script type="text/javascript"
src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101345516" data-redirecturi="http://xwintop.com" charset="utf-8"></script>
	</head>-->

		<body class="body">
			<div id="app">
				<i-input id="value4" v-model="ivalue" icon="ios-search" placeholder="请输入..."></i-input>
				<!--<i-row>
					<i-col span="20">
						<i-input id="value4" v-model="ivalue" icon="ios-search" placeholder="请输入..."></i-input>
					</i-col>
					<i-col span="2">
						<i-button type="info" shape="circle" @click="show" icon="log-in"></i-button>
					</i-col>
					<i-col span="2">
						<i-button type="info" shape="circle" @click="show" icon="gear-b"></i-button>
					</i-col>
				</i-row>-->
				<Collapse value="1" accordion v-if="historyButtonName != []">
					<Panel name="1">
						最近访问记录
						<i-buttonGroup vertical="true" slot="content">
							<i-button @click="openUrl(historyButtonName[0].url)" type="ghost" v-if="historyButtonName[0] != null" long ><img :src="historyButtonName[0].icon" width="16" height="16"/>{{historyButtonName[0].title}}</i-button>
							<i-button @click="openUrl(historyButtonName[1].url)" type="ghost" v-if="historyButtonName[1] != null" long ><img :src="historyButtonName[1].icon" width="16" height="16"/>{{historyButtonName[1].title}}</i-button>
							<i-button @click="openUrl(historyButtonName[2].url)" type="ghost" v-if="historyButtonName[2] != null" long ><img :src="historyButtonName[2].icon" width="16" height="16"/>{{historyButtonName[2].title}}</i-button>
							<i-button @click="openUrl(historyButtonName[3].url)" type="ghost" v-if="historyButtonName[3] != null" long ><img :src="historyButtonName[3].icon" width="16" height="16"/>{{historyButtonName[3].title}}</i-button>
							<i-button @click="openUrl(historyButtonName[4].url)" type="ghost" v-if="historyButtonName[4] != null" long ><img :src="historyButtonName[4].icon" width="16" height="16"/>{{historyButtonName[4].title}}</i-button>
						</i-buttonGroup>
					</Panel>
					<!--<Panel name="2">
						书签
						<ul slot="content" id="treeDemo" class="ztree"></ul>
					</Panel>-->
				</Collapse>
				<!--<i-progress :percent="99" status="active" hide-info="true"></i-progress>-->
			</div>
			<div>
				<ul id="treeDemo" class="ztree"></ul>
			</div>
			<!--		<span id="qqLoginBtn"></span>-->
		</body>
		<script type="text/javascript" src="js/index.js"></script>
		<!--<script type="text/javascript">
	QC.Login({
		btnId: "qqLoginBtn" //插入按钮的节点id
	});
</script>-->

</html>